<template>
	<view class="bg-white">
		<view v-for="i in 9" :key="i">
			<view  class="item-list justify-between">
				<!-- 左边部分开始 -->
				    <view class="flex">
					<view><image src="../../static/roucai/yuxiang.jpg"></image>
					</view>
					<view style="padding-left: 20upx;">
					<view style="font-weight: bold; font-size: 110%;">鹏园</view>
					<view class="text-sm">2020-06-15</view>
					<view class="text-sm" style="font-weight: 550; padding-top: 30upx;">鱼香肉丝 等3件商品</view>
					</view>
				     </view>
				<!-- 左边部分结束 -->
				<!-- 右边部分开始 -->
				<view class="right-list" style="height: 140upx;">
					<view>已送达</view>
					<view style="font-weight: bolder;">￥10</view>
				</view>
				<!-- 右边部分结束 -->
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>

.item-list{
	height: 180upx;
	width: 750upx;
	padding: 10upx 20upx;
	display: flex; 
	align-items: center;
	border-bottom: 1upx #DDDDDD  solid;
	
}

.item-list image{
	height: 100upx;
	width: 100upx;
}
.right-list{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
      
}
</style>
